<template>

  <div class="side-bar">

    <div class="left">
       <router-view ></router-view>
      
    </div>
    <div class="right">
       <router-view name="detail">
       </router-view>
    </div>
    
  </div>

</template>
<script>
export default {
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">

.side-bar{
  height: 100%;
  width:100%;
  &>*{
   float: left;
  }
  .left{
    height: 100%;
    width:25%;
   border-right:1px solid #000;

  }
 .right{
    height: 100%;
    width:75%;
    background:#fff;
    
  }
}

</style>
